// 加载指定页码的用户数据
function loadPage(page) {
    // 显示加载指示器
    userGrid.innerHTML = '<div class="loading">加载中...</div>';

    fetch(`?page=${page}`, {
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
        .then(response => {
            if (!response.ok) {
                throw new Error('网络响应不正常');
            }
            return response.json();
        })
        .then(data => {
            currentPage = data.current_page;
            renderUsers(data.users);
            renderPagination(data.total_pages, data.current_page);  // 使用正确的字段名
        })
        .catch(error => {
            console.error('加载用户数据时出错:', error);
            userGrid.innerHTML = '<div class="error">加载失败，请刷新页面重试</div>';
        });
}

// 切换用户状态
function toggleUserStatus(userId) {
    // 使用Django模板标签生成正确的URL
    const url = "{% url 'store_system:toggle_user_status' 0 %}".replace('0', userId);

    fetch(url, {
        method: 'POST',
        headers: {
            'X-CSRFToken': getCookie('csrftoken'),
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: `user_id=${userId}` // 添加请求体
    })
        .then(response => {
            if (!response.ok) {
                throw new Error('网络响应不正常');
            }
            return response.json();
        })
        .then(data => {
            if (data.success) {
                // 重新加载当前页面以更新状态
                loadPage(currentPage);
            } else {
                alert('操作失败: ' + (data.error || data.message || '未知错误'));
            }
        })
        .catch(error => {
            console.error('切换用户状态时出错:', error);
            alert('操作失败，请重试');
        });
}